<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>登录页</title>
    <link rel="stylesheet" href="../css/Landing page.css" />
  </head>
  <body>
    <div class="warp">
      <!-- 头部 -->
      <header>
        <!-- 头部img盒子 -->
        <div class="top_img">
          <img src="../img/index.img/矩形 8.png" alt="" />
        </div>
        <!-- 头部导航栏 -->
        <div class="nav">
          <div class="nav_logo">
            <img src="../img/index.img/logo.png" alt="" />
          </div>
          <ul>
            <li class="active"><a href="../html/index.html">首页</a></li>
            <li><a href="../html/list page.html">关于热搜</a></li>
            <li><a href="../html/Detail page.html">鼎搜服务</a></li>
            <li><a href="../html/Landing page.html">鼎搜动态</a></li>
            <li><a href="../html/Registration page.html">鼎搜诚聘</a></li>
            <li><a href=""></a>热搜公益</li>
          </ul>
          <div class="ipt">
            <input type="text" />
            <i class="iconfont icon-fangdajing1"></i>
          </div>
        </div>
        <!-- 轮播图部分 -->
        <div class="big_banner">
          <ul class="banner_top">
            <li class="banner_one">
              <img src="../img/index.img/banner.png" alt="" />
            </li>
            <li class="banner_one">
              <img src="../img/index.img/背景图.png" alt="" />
            </li>
            <li class="banner_one">
              <img src="../img/index.img/背景图.png" alt="" />
            </li>
            <li class="banner_one">
              <img src="../img/index.img/背景图.png" alt="" />
            </li>
            <li class="banner_one">
              <img src="../img/index.img/背景图.png" alt="" />
            </li>
          </ul>
        </div>
      </header>
      <!-- 主体部分 -->
      <main>
        <div class="transfer">
          <p>我要转让</p>
          <p>WO YAO ZHUANRANG</p>
        </div>
        <!-- 表格部分 -->
        <div class="input">
          <div class="left">
            <!-- 按钮 -->
            <div class="btn">
              <button>点击登录</button>
              <button>点击注册</button>
            </div>
            <div class="Yonghu">
              <div class="ipt">用户名：<input type="text" />
            </div>
              <div class="ipt"><span>密 码：&nbsp </span><input type="password" />
              </div>
              <div class="ipt_one">
                验证码：<input type="text" />
                <img src="../img/Login-img/1.png" alt="" />
                <span>看不清？</span>
                <span>点击更换</span>
              </div>
              <div class="radio">
                <span>有效期：</span
                ><input type="radio"  checked  name="fruits" />一个月
                <input type="radio" value="female" name="fruits" />一周
                <input type="radio" value="female" name="nfruits" />一天
                <input type="radio" value="female" name="nfruits" />即时
              </div>
              <div class="last_btn">
                <button>登录</button><span>忘记密码？</span>
              </div>
            </div>
          </div>

          <div class="right">
            <img src="../img/Login-img/2.png" alt="" />
          </div>
        </div>
    <div class="line">

    </div>
      </main>

      <footer>
        <!-- 装饰线 -->
        <hr />
        <!-- 列表 -->
        <div class="footer">
          <ul>
            <li>简介</li>
            <li>鼎搜网简介</li>
            <li>鼎搜服务</li>
            <li>会员身份认证</li>
          </ul>
          <ul>
            <li>帮助</li>
            <li>用户注册</li>
            <li>关于鼎搜</li>
            <li>在线咨询</li>
          </ul>
          <ul>
            <li>共赢</li>
            <li>网站合作</li>
            <li>用户协议</li>
            <li>会员身份认证</li>
          </ul>
          <ul>
            <li>导航</li>
            <li>地图首页</li>
            <li>职能分类</li>
            <li>企业名录</li>
          </ul>
          <div class="connect">
            <img src="../img/index.img/connect.png" alt="" />
          </div>
        </div>

        <!-- 底部蓝色 -->
        <div class="border-bottom">
          Copyright ©2015 鼎搜网(www.dinsoo.com) 版权所有
        </div>
      </footer>
    </div>

    <script src="../whole js/list.js"></script>
  </body>
</html>
